<template>
	<view class="uni-container">
		<uni-card :is-shadow="false" is-full class="userInformation">
			<div class="userName">邵慧芸</div>
			<p>上海至正汽车服务公司</p>
			<p>吴中路二手车</p>
		</uni-card>

		<uni-list class="uni-section">
			<uni-list-item title="产品介绍" showArrow clickable @click="" />
			<uni-list-item title="我的佣金" showArrow clickable @click="" />
			<uni-list-item title="数据分析" showArrow clickable @click="" />
			<uni-list-item title="退出登录" showArrow clickable @click="logout" />
		</uni-list>
	</view>
</template>
<script>
	import {
		removeAuthorization
	} from '@/utils/auth'

	export default {
		components: {},
		data() {
			return {};
		},
		methods: {
			onClick(e) {
				console.log('执行click事件', e.data)
				uni.showToast({
					title: '点击反馈'
				});
			},
			switchChange(e) {
				uni.showToast({
					title: 'change:' + e.value,
					icon: 'none'
				});
			},
			logout() {
				uni.showModal({
					title: '提示',
					content: '确定要退出应用吗',
					success: function(res) {
						if (res.confirm) {
							removeAuthorization()
							uni.redirectTo({
								url:"../../login/login"
							});
						} else if (res.cancel) {
							uni.showToast({
								title: '已取消'
							});
						}
					}
				});
			}
		}
	};
</script>
<style lang="scss" scoped>
	page {
		background-color: #efeff4;
		height: 100%;
		font-size: 28upx;
		line-height: 1.8;
	}

	.uni-section {
		background-color: #fff;
		// margin-top: 10px;
	}

	.userInformation p {
		color: #999;
		margin: 5upx 10upx;
		font-size: 14upx;
	}
	
	// .userInformation>uni-view,
	// .userInformation>.uni-list-item__content-title{
	// 	color: #000000;
	// }
	
	.userName {
		font-size: 60upx;
		margin:30upx 0 20upx 10upx;
	}
	
	
</style>
